<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ include file="/common/common.jsp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8"/>
    <title>代理列表</title>
    <link href="${ctx}/static/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/dist/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/plugins/datatables/css/matrix-style.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/dist/css/AdminLTE.css" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/static/plugins/datatables/css/dataTables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <style>
        button.searching {
            background-color: #666
        }
    </style>
</head>
<body>
<div class="widget-box">
    <div class="widget-title">
        <h5>请输入查询条件</h5>
    </div>
    <div class="widget-content nopadding">
        <table style="line-height:45px;font-size:12px;">
            <tr>
                <td>&nbsp;&nbsp;&nbsp;代理名称：</td>
                <td><input type="text" class="form-control" name="agentName" id="agentName" style="width:200px;"
                           placeholder="代理名称"></td>
                <td>&nbsp;&nbsp;&nbsp;联系电话：</td>
                <td><input type="text" class="form-control" name="personTel" id="personTel" style="width:200px;"
                           placeholder="联系电话"></td>
                <td>&nbsp;&nbsp;&nbsp;推广师电话：</td>
                <td><input type="text" class="form-control" name="promoterTel" id="promoterTel" style="width:200px;"
                           placeholder="推广师电话"></td>
                <td>
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a class="btn btn-success" href="javascript:void(0);"
                                                     onclick="query();">查 询</a>
                </td>
            </tr>
        </table>
    </div>
</div>
<div class="row">
    <div class="col-xs-12">
        <div class="box">
            <div class="box-header">
                <h3 class="box-title">代理列表</h3>
            </div>
            <!-- 列表 -->
            <div class="box-body table-responsive">
                <table id="dataTables" class="table table-bordered table-hover">
                </table>
            </div>
        </div>
    </div>
</div>
<script src="${ctx}/static/plugins/jQuery/jQuery-2.1.4.min.js"></script>
<script src="${ctx}/static/bootstrap/js/bootstrap.min.js"></script>
<!-- datatable -->
<script src="${ctx}/static/plugins/datatables/jquery.dataTables.js" type="text/javascript"></script>
<script src="${ctx}/static/plugins/datatables/dataTables.bootstrap.js" type="text/javascript"></script>
<script>
    var tb;
    $(function () {
        //列表初始化
        tb = $('#dataTables').dataTable({
            "bServerSide": true,
            "sPaginationType": "full_numbers",
            "bJQueryUI": true,
            "sDom": '<"">t<"F"ip>',
            "sAjaxSource": "${ctx}/api/agent/agentSons?id=${agent.id}", //ajax调用接口
            "aoColumnDefs": [{sDefaultContent: '', aTargets: ['_all']}],
            "aoColumns": [
                {"sTitle": "序号", "mData": "id", "class": "sClass"},
                {"sTitle": "代理级别", "mData": "levelName", "class": "sClass"},
                {"sTitle": "代理商名称", "mData": "agentName", "class": "sClass"},
                {"sTitle": "联系人", "mData": "personName", "class": "sClass"},
                {"sTitle": "联系电话", "mData": "personTel", "class": "sClass"},
                {"sTitle": "推广师姓名", "mData": "promoterName", "class": "sClass"},
                {"sTitle": "推广师电话", "mData": "promoterTel", "class": "sClass"},
                {
                    "sTitle": "上级代理",
                    "mData": "parentAgent",
                    "class": "sClass",
                    "mRender": function (data, type, full) {
                        var text;
                        if (full.parentAgent == null || "" == full.parentAgent) {
                            text = "平台";
                        } else {
                            text = full.parentAgent
                        }
                        return text;
                    }
                },
                {
                    "sTitle": "所属区域", "mData": "roleName", "class": "sClass", "mRender": function (data, type, full) {
                    var text;
                    if (full.provinceName != null) {
                        text = full.provinceName
                    }
                    if (full.cityName != null) {
                        text += "-" + full.cityName
                    }
                    if (full.countyName != null) {
                        text += "-" + full.countyName
                    }
                    if (full.agentLevelId == 3) {
                        if (full.townName != null && full.townName != "" && full.townName != "null") {
                            text += "-" + full.townName
                        }
                    }
                    return text;
                }
                },
                {
                    "sTitle": "状态", "mData": "status", "class": "sClass", "mRender": function (data, type, full) {
                    var text;
                    if (full.status == '1') {
                        text = "<font color='blue'>正常</font>";
                    } else if (full.status == '3') {
                        text = "<font color='green'>冻结</font>"
                    }
                    return text;
                }
                },
                {
                    "sTitle": "操作", "mData": "id", "mRender": function (data, type, full) {
                    var text = '<div class="btn-group" style="text-align:left;"><button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">操作 <span class="caret"></span></button>';
                    text = text + '<ul class="dropdown-menu" role="menu">';
                    <%--text += '<li><a href="${ctx}/api/role/updatePage">下级代理</a> </li>';--%>
                    text += '<li><a href="${ctx}/api/agent/agentDetailPage?id=' + full.id + '">详情</a> </li>';
//                    text += '<li><a href="#" onclick="deleteById(\'' + full.id + '\');">删除角色</a> </li>';
                    text = text + '</ul></div>';
                    return text;
                }
                }
            ],
            "oLanguage": {
                "sProcessing": "数据加载中······",
                "sLengthMenu": "显示 _MENU_ 条记录",
                "sZeroRecords": "没有您要搜索的内容！",
                "sEmptyTable": "列表中无数据存在！",
                "sInfo": "当前显示 _START_ 到 _END_ 条数据，共 _TOTAL_ 条数据",
                "sInfoEmpty": "显示 0 到 0 条记录",
                "sInfoFiltered": "数据列表中共  _MAX_ 条记录",
                "oPaginate": {
                    "sFirst": "首页",
                    "sPrevious": "上一页",
                    "sNext": "下一页",
                    "sLast": "末页"
                }
            },
            "fnServerData": function (sSource, aoData, fnCallback, oSettings) {
                oSettings.jqXHR = $.ajax({
                    "dataType": 'json',
                    "type": "GET",
                    "async": 'false',
                    "url": sSource,
                    "data": {
                        'pageNum': (aoData[3].value / aoData[4].value) + 1,
                        'pageSize': aoData[4].value,
                        'agentName': $("#agentName").val(),
                        'personTel': $("#personTel").val(),
                        'promoterTel': $("#promoterTel").val(),
                    },
                    "success": fnCallback
                });
            },
        });
    });

    //条件查询重新加载数据
    function query() {
        tb.fnDraw();
    }
    //删除方法
    function deleteById(roleId) {
        if (confirm("确认删除吗") == true) {
            $.ajax({
                async: false,
                url: "/api/role/delete",
                data: {id: roleId},
                type: "POST",
                dataType: "json",
                success: function (data) {
                    if (data.code = "200") {
                        tb.fnDraw();
                    } else {
                        alert(data.message);
                    }
                }
            });

        } else {
            return false;
        }
    }

</script>
</body>
</html>